<template>
    <page-body>
        <view class="page">
            <view class="flex benben-position-layout flex flex-wrap align-center robOrder_flex_0" :style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }">
                <view class='flex flex-wrap align-center justify-between flex-sub robOrder_fd0_0'>
                    <view class='flex flex-wrap align-center robOrder_fd0_0_c0' @tap.stop="handleJumpDiy" data-type="back" data-url="1">
                        <text class='fu-iconfont2  robOrder_fd0_0_c0_c0'>&#xE794;</text>
                    </view>
                    <view class='flex flex-wrap align-stretch justify-center'>
                        <text class='robOrder_fd0_0_c1_c0'>订单详情</text>
                    </view>
                    <view class='flex flex-wrap align-center justify-end robOrder_fd0_0_c0'>
                    </view>
                </view>

            </view>
            <view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
            <!---flex布局flex布局开始-->
            <view class="flex benben-flex-layout flex-wrap align-center robOrder_flex_1">
                <!-- <image class='robOrder_fd1_0' mode="aspectFit" :src='STATIC_URL+"61.png"'></image> -->
				<map style="width: 100%;height: 100%;" :latitude="latitude" :longitude="longitude" :markers="covers"></map>
            </view>

            <!---flex布局flex布局结束-->
            <!---flex布局flex布局开始-->
            <view class="flex flex-direction align-stretch benben-flex-layout robOrder_flex_2">
                <view class='flex flex-wrap align-center robOrder_fd2_0'>
                    <text class='robOrder_fd2_0_c0'>待接单</text>
                    <text class='robOrder_fd2_0_c1' v-if="detail.order_type == 3">校园跑腿</text>
					<text class='robOrder_fd2_0_c1_1' v-if="detail.order_type == 1">快递代取</text>
					<text class='robOrder_fd2_0_c1_2' v-if="detail.order_type == 2">外卖代取</text>
                    <view class='robOrder_fd2_0_c2' v-if="type == 4">
                        <!-- <text>#</text> -->
                        <!-- <text>{{detail.day_number}}</text> -->
                    </view>
                </view>
                <view class='flex flex-direction align-stretch robOrder_fd2_1'>
					<view class="mingcheng" v-if="detail.store_name && detail.store_name != 'null'">商家：{{detail.store_name}}</view>
                    <view class=' robOrder_fd2_1_c0'>
						<view class="flex flex-wrap align-center">
							<text class='robOrder_fd2_1_c0_c0'>预计送达时间</text>
							<text class='robOrder_fd2_1_c0_c1'>{{detail.forecast_time}}</text>
						</view>
						<view class="flex flex-wrap align-center" style="margin-top: 24rpx;" v-if="detail.order_type!='4'">
							<text class='robOrder_fd2_1_c0_c2'>预计收入</text>
							<text class='robOrder_fd2_1_c0_c3'>￥</text>
							<text class='robOrder_fd2_1_c0_c4'>{{detail.income}}</text>
						</view>
                        
                        
                    </view>
                    <view class='flex flex-wrap align-center'>
                        <view class='flex flex-wrap align-center robOrder_fd2_1_c1_c0'>
                            <image class='robOrder_fd2_1_c1_c0_c0' mode="aspectFit" :src='STATIC_URL+"53.png"'></image>
                            <text class='robOrder_fd2_1_c1_c0_c1'>取</text>
                        </view>
						<view class='flex flex-direction align-stretch flex-sub robOrder_fd2_1_c1_c1' v-if="type == 4 && detail.store_info">
						    <text class='robOrder_fd2_1_c1_c1_c0'>{{detail.store_info.name}}</text>
						    <text class='robOrder_fd2_1_c1_c1_c1'>{{detail.store_info.store_address}}</text>
						</view>
                        <view class='flex flex-direction align-stretch flex-sub robOrder_fd2_1_c1_c1' v-else>
                            <text class='robOrder_fd2_1_c1_c1_c0'>
							    {{detail.start_address_info.name}} {{detail.start_address_info.sex == 1 ? '先生' : '女士'}}（{{detail.start_address_info.mobile_hidestr}}）
							</text>
                            <text class='robOrder_fd2_1_c1_c1_c1'>{{detail.start_address_info.detail}}</text>
                        </view>
                    </view>
                    <view class='flex flex-wrap align-center'>
                        <view class='flex flex-wrap align-center robOrder_fd2_1_c1_c0'>
                            <image class='robOrder_fd2_1_c1_c0_c0' mode="aspectFit" :src='STATIC_URL+"54.png"'></image>
                            <text class='robOrder_fd2_1_c1_c0_c1'>送</text>
                        </view>
                        <view class='flex flex-direction align-stretch flex-sub robOrder_fd2_1_c2_c1' v-if="type == 4 && detail.address">
                            <text class='robOrder_fd2_1_c1_c1_c0'>
                                {{detail.address.receiver_name}} {{detail.address.sex == 1 ? '先生' : '女士'}}（{{detail.address.receiver_mobile_ps}}）
                            </text>
                            <text class='robOrder_fd2_1_c1_c1_c1'>{{detail.address.receiver_address}}</text>
                        </view>
						<view class='flex flex-direction align-stretch flex-sub robOrder_fd2_1_c2_c1' v-if="type != 4 && detail.end_address_info">
						    <text class='robOrder_fd2_1_c1_c1_c0' >
						        {{detail.end_address_info.name}} {{detail.end_address_info.sex == 1 ? '先生' : '女士'}}（{{detail.end_address_info.mobile_hidestr}}）
						    </text>
						    <text class='robOrder_fd2_1_c1_c1_c1'>{{detail.end_address_info.detail}}</text>
						</view>
                    </view>
                </view>
                <view class='flex flex-direction align-stretch robOrder_fd2_2' v-if="type == 4">
                    <view class='flex flex-wrap align-center robOrder_fd2_2_c0'>
                        <text class='robOrder_fd2_2_c0_c0'>其他信息</text>
                    </view>
                    <view class='flex flex-direction align-stretch robOrder_fd2_2_c1'>
                        <view class='flex flex-wrap align-center robOrder_fd2_2_c1_c0'>
                            <text class='robOrder_fd2_1_c0_c0'>配送费</text>
                            <text class='fu-iconfont2  robOrder_fd2_2_c1_c0_c1' @tap.stop="popupShow1715742139239 = true">&#xe600;</text>
                            <text class='flex-sub robOrder_fd2_2_c1_c0_c2'>¥{{detail.rider_profits || 0}}</text>
                        </view>
                        <view class='flex flex-wrap align-center robOrder_fd2_2_c1_c0' v-if="detail.send_mode == 'takeout'">
                            <text class='robOrder_fd2_1_c0_c0'>是否上楼</text>
                            <text class='flex-sub robOrder_fd2_2_c1_c0_c2'>{{detail.is_upstairs == 1 ? '是' : '否'}}</text>
                        </view>
                        <view class='flex flex-wrap align-center robOrder_fd2_2_c1_c2' v-if="detail.send_mode == 'takeout' && detail.is_upstairs == 1">
                            <text class='robOrder_fd2_1_c0_c0'>所在楼层</text>
                            <text class='flex-sub robOrder_fd2_2_c1_c0_c2'>{{detail.floor}}</text>
                        </view>
                    </view>
                </view>
                <view class='flex flex-direction align-stretch robOrder_fd2_2' v-else>
                    <view class='flex flex-wrap align-center robOrder_fd2_2_c0'>
                        <text class='robOrder_fd2_2_c0_c0'>描述信息</text>
                    </view>
                    <view class='flex flex-direction align-stretch robOrder_fd2_2_c1'>
                        <view class='flex flex-wrap align-center robOrder_fd2_2_c1_c0'>
                            <text class='robOrder_fd2_3_c1_c0_c0'>是否上楼</text>
                            <text class='flex-sub robOrder_fd2_2_c1_c0_c2'>{{detail.is_come_up_name}}</text>
                        </view>
                        <!-- <view class='flex flex-wrap align-start robOrder_fd2_2_c1_c2'>
                            <text class='robOrder_fd2_3_c1_c0_c0'>商品图片</text>
                            <view class='flex flex-wrap align-center justify-end flex-sub robOrder_fd2_3_c1_c1_c1'>
                                <view class='flex flex-wrap align-center'>
                                    <image class='robOrder_fd2_3_c1_c1_c1_c0_c0' mode="aspectFit" :src='STATIC_URL+"55.jpg"'></image>
                                </view>
                            </view>
                        </view> -->
                        <view class='flex flex-wrap align-start robOrder_fd2_2_c1_c2' v-if="detail.order_images.length > 0">
                            <text class='robOrder_fd2_3_c1_c0_c0' v-if="detail.order_type == 3">商品图片</text>
                            <text class='robOrder_fd2_3_c1_c0_c0' v-if="detail.order_type == 2 || detail.order_type == 1">订单截图</text>
                            <view class='flex flex-wrap align-center justify-end flex-sub robOrder_fd2_3_c1_c1_c1'>
								
								<template v-for='(item,key0) in detail.order_images'>
									<view class='flex flex-wrap align-center robOrder_fd2_3_c1_c1_c1_c0_cx' style="position: relative;" >
										<image class='robOrder_fd2_3_c1_c1_c1_c0_c0' mode="aspectFill" :src='item'  ></image>
										<view class="robOrder_fd2_3_c1_c1_c1_c0_c1"></view>
									</view>
								</template>
                            </view>
                        </view>
                        <view class='flex flex-wrap align-center robOrder_fd2_2_c1_c2'>
                            <text class='robOrder_fd2_3_c1_c0_c0'>希望送达时间</text>
                            <text class='flex-sub robOrder_fd2_2_c1_c0_c2'>{{detail.expected_time}}</text>
                        </view>
                        <view class='flex flex-wrap align-center robOrder_fd2_2_c1_c2' v-if="detail.remark">
                            <text class='robOrder_fd2_3_c1_c0_c0'>备注</text>
                            <!-- <text class='flex-sub robOrder_fd2_2_c1_c0_c2'>***********</text> -->
                            <text class='flex-sub robOrder_fd2_2_c1_c0_c2'>{{detail.remark}}</text>
                        </view>
                    </view>
                </view>
            </view>

            <!---flex布局flex布局结束-->
            <benben-popup v-model="popupShow1716621177304" :mask="true" :mask-close-able="true" mode='center'>
                <!---二次确认框flex布局开始-->
                <view class="flex flex-direction align-center benben-flex-layout robOrder_flex_3">
                    <view class='flex flex-wrap align-center'>
                        <text class='robOrder_fd3_0_c0'>提示</text>
                    </view>
                    <text class='robOrder_fd3_1'>手慢了，继续加油！</text>
                    <view class='flex align-stretch robOrder_fd3_2'>
                        <view class='flex flex-direction flex-wrap align-center self-center justify-center robOrder_fd3_2_c0' @tap.stop="popupShow1716621177304=false">
                            <text class='robOrder_fd3_2_c0_c0'>取消</text>
                        </view>
                        <view class='flex flex-direction flex-wrap align-center self-center justify-center robOrder_fd3_2_c1' @tap.stop="handleJumpDiy" data-type="back" data-url="1">
                            <text class='robOrder_fd3_2_c1_c0'>继续抢单</text>
                        </view>
                    </view>
                </view>

                <!---二次确认框flex布局结束-->

            </benben-popup>
            <view class="flex flex-wrap align-center justify-center benben-position-layout flex robOrder_flex_4">
                <button class='robOrder_fd4_0' @tap.stop="lijiqiangdan">立即抢单</button>

            </view>
            <view :style="{height: '170rpx'}"></view>
			<benben-popup v-model="popupShow1715742139239" :mask="true" :mask-close-able="true" mode='bottom'>
			    <!---配送费弹窗flex布局开始-->
			    <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout settlement_flex_9">
			        <view class='flex flex-wrap align-center justify-between settlement_fd9_0'>
			            <view class='flex flex-wrap align-center settlement_fd9_0_c0'>
			            </view>
			            <text class='settlement_fd9_0_c1'>配送费说明</text>
			            <image class='settlement_fd9_0_c0' mode="aspectFit" :src='STATIC_URL+"48.png"' @tap.stop="popupShow1715742139239=false"></image>
			        </view>
			
			        <scroll-view class='settlement_fd9_1' :scroll-x='true' :scroll-y='true' :show-scrollbar='true'>
			            <view class='flex flex-direction align-center benben-scroll flex' v-if="peisong.content">
			                <jyf-parser class='settlement_fd9_1_c0' :html="peisong.content">
			                </jyf-parser>
			            </view>
			        </scroll-view>
			    </view>
			</benben-popup>
            <benben-popup v-model="popupShow1716620759608" :mask="true" :mask-close-able="true" mode='center'>
                <!---二次确认框flex布局开始-->
                <view class="flex flex-direction align-center benben-flex-layout robOrder_flex_5">
                    <view class='flex flex-wrap align-center'>
                        <text class='robOrder_fd5_0_c0'>提示</text>
                    </view>
                    <text class='robOrder_fd5_1'>您已抢单成功！</text>
                    <view class='flex align-stretch robOrder_fd5_2'>
                        <view class='flex flex-direction flex-wrap align-center self-center justify-center robOrder_fd5_2_c0' @tap.stop="handleJumpDiy" data-type="back" data-url="1">
                            <text class='robOrder_fd5_2_c0_c0'>取消</text>
                        </view>
                        <view class='flex flex-direction flex-wrap align-center self-center justify-center robOrder_fd5_2_c1' @tap.stop="chakan">
                            <text class='robOrder_fd5_2_c1_c0'>查看订单</text>
                        </view>
                    </view>
                </view>

                <!---二次确认框flex布局结束-->

            </benben-popup>


        </view>
    </page-body>
</template>
<script>
    import {
        validate
    } from '@/common/utils/validate.js'

    export default {
        components: {},


        data() {
            return {
				peisong:'',
				popupShow1715742139239:false,
                "popupShow1716620759608": false,
                "popupShow1716621177304": false,
                "detail": {
                    "aid": "",
                    "order_sn": "",
                    "order_type": "",
                    "rider_name": "",
                    "user_nickname": "",
                    "status": "",
                    "order_money": "",
                    "order_images": [],
                    "expected_time": "",
                    "forecast_time": "",
                    "freigh": "",
                    "real_money": "",
                    "take_time_rider": "",
                    "pick_time": "",
                    "pick_images": "",
                    "is_come_up": "",
                    "floor": "",
                    "goods_json": "",
                    "finish_time": "",
                    "pay_type": "",
                    "pay_time": "",
                    "after_sale": "",
                    "rider_profits": "",
                    "store_profits": "",
                    "platform_profits": "",
                    "remark": "",
                    "cancel_time": "",
                    "cancel_type": "",
                    "create_time": "",
                    "user_id": "",
                    "rider_id": "",
                    "order_type_name": "",
                    "status_name": "",
                    "is_come_up_name": "",
                    "pay_type_name": "",
                    "after_sale_name": "",
                    "start_address_info": {
                        "order_sn": "",
                        "address_id": "",
                        "detail": "",
                        "name": "",
                        "mobile": "",
                        "sex": "",
                        "sex_name": ""
                    },
                    "end_address_info": {
                        "order_sn": "",
                        "address_id": "",
                        "detail": "",
                        "name": "",
                        "mobile": "",
                        "sex": "",
                        "sex_name": ""
                    }
                },
                "order_sn": "",
				opsType:false,
				type:'',
				aid:'',
				latitude: '',
				longitude: '',
				covers: [
					// {
					// 	latitude: '',
					// 	longitude: '',
					// 	title: '点位名称',
					// 	iconPath: 'https://yunshangxiaoyuans.oss-cn-beijing.aliyuncs.com/mini/images/177.png',
					// 	width: 30, 
					// 	height: 30, 
					// }
				]
            };
        },
        computed: {

        },
        watch: {},
        onLoad(options) {
            let {
                order_sn,type,aid
            } = options
            if (order_sn !== undefined) this.order_sn = order_sn
            if (type !== undefined) this.type = type
            if (aid !== undefined) this.aid = aid
        },
        onUnload() {

        },
        onReady() {

        },
        onShow() {
			this.getkf46576063f6b7Func()
            this.getfw66fe97a89002Func()
        },
        onHide() {

        },
        onResize() {

        },
        onPullDownRefresh() {
			this.getkf46576063f6b7Func()
			this.getfw66fe97a89002Func()
			setTimeout(function () {
				uni.stopPullDownRefresh();
			}, 1000);
        },
        onReachBottom(e) {

        },
        onPageScroll(e) {

        },
        methods: {
			chakan(){
				uni.setStorageSync('orderType', this.type == 4 ? 1 : 2)
				// console.log(this.type == 4 ? 1 : 2,'缓存的参数')
				uni.switchTab({
					url: '/pages/tabBar/order/order'
				});
			},
			async lijiqiangdan(){
				let url = ''
				if(this.type == 4){
					url = global.apiUrls.post646d678dd2afe
				}else{
					url = global.apiUrls.post666fe58042598
				}
				if(this.opsType){
					return
				}
				this.opsType = true
				let res = await this.$api.post(url, {
				    order_sn: this.order_sn
				});
				if(res.data.code == -1){
					this.popupShow1716621177304 = true
					this.opsType = false
				}else if (res.data.code != 1) {
				    this.$message.info(res.data.msg);
					this.opsType = false
				    return
				}else{
					this.popupShow1716620759608 = true
					this.opsType = false
				}
			},
            //查询跑腿订单详情
            async getfw66fe97a89002Func() {
                //请求方法
                //数据验证
				let url = ''
				let page = {}
				if(this.type == 4){
					url = global.apiUrls.post648ab7802a248
					page={
						aid: this.aid
					}
				}else{
					url = global.apiUrls.post666fe97a89002
					page={
						order_sn: this.order_sn
					}
				}
                let datadetail = await this.$api.get(url,page);

                if (datadetail.data.code != 1) {
                    this.$message.info(datadetail.data.msg);
                    return
                }
                let infodetail = datadetail.data;
                this.detail = infodetail.data
				// console.log(this.detail.store_info,'参数')
					this.covers = []
				if (uni.getStorageSync('addweizhi')) {
					let cityinfo = JSON.parse(uni.getStorageSync('addweizhi'))
					console.log(cityinfo,'位置信息123')
					this.latitude = cityinfo.lat
					this.longitude = cityinfo.lng
					this.covers.push({
						latitude: cityinfo.lat,
						longitude: cityinfo.lng,
						iconPath: 'https://yunshangxiaoyuans.oss-cn-beijing.aliyuncs.com/mini/images/177.png',
						width: 30, 
						height: 30, 
					})
				}
				if(!this.latitude){
					this.latitude = this.detail.store_info.address_lat
					this.longitude = this.detail.store_info.address_lng
					
				}
				if(this.detail.store_info){
					this.covers.push({
						latitude: this.detail.store_info.address_lat,
						longitude: this.detail.store_info.address_lng,
						iconPath: this.detail.store_info.logo,
						width: 30, 
						height: 30, 
					})
				}
				
            },
			//注册协议隐私政策
			async getkf46576063f6b7Func() {
			    //请求方法
			    //数据验证
			
			    let datapeisong = await this.$api.get(global.apiUrls.post646576063f6b7, {
			        aid: '18'
			    });
			
			    if (datapeisong.data.code != 1) {
			        this.$message.info(datapeisong.data.msg);
			        return
			    }
			    let infopeisong = datapeisong.data;
			    this.peisong = infopeisong.data
			
			}
        }
    };
</script>
<style lang="scss" scoped>
    .page {
        width: 100vw;
        overflow-x: hidden;
        min-height: calc(100vh - var(--window-bottom));
        background: #F8F8F8;
        background-size: 100% auto;
    }

    .robOrder_flex_0 {
        background: #fff;
        width: 750rpx;
        height: 88rpx;
        overflow: hidden;
        z-index: 10;
        top: 0rpx;
        background-size: 100% auto !important;
    }

    .robOrder_fd0_0_c1_c0 {
        font-size: 36rpx;
        font-weight: 700;
        color: #333333;
        line-height: 50rpx;
    }

    .robOrder_fd0_0_c0_c0 {
        font-size: 36rpx;
        color: #333;
    }

    .robOrder_fd0_0_c0 {
        width: 120rpx;
    }

    .robOrder_fd0_0 {
        padding: 0rpx 32rpx 0rpx 32rpx;
    }

    .robOrder_flex_1 {
		width: 750rpx;
        height: 500rpx;
    }

    .robOrder_fd1_0 {
        width: 100%;
        height: 100%;
        border-radius: 0rpx 0rpx 0rpx 0rpx;
    }

    .robOrder_flex_2 {
        padding: 24rpx;
    }
	.robOrder_fd2_3_c1_c1_c1_c0_cx{
		 margin: 0rpx 0rpx 10rpx 20rpx;
	}
    .robOrder_fd2_3_c1_c1_c1_c0_c0 {
        width: 88rpx;
        height: 88rpx;
        border-radius: 16rpx;
       
    }

    .robOrder_fd2_3_c1_c1_c1 {
        margin: 0rpx 0rpx 0rpx 24rpx;
    }

    .robOrder_fd2_3_c1_c0_c0 {
        color: #999999;
        font-size: 28rpx;
        font-weight: 400;
    }

    .robOrder_fd2_2_c1_c2 {
        padding: 32rpx 32rpx 0rpx 23rpx;
    }

    .robOrder_fd2_2_c1_c0_c2 {
        text-align: right;
        color: #333333;
        font-size: 28rpx;
        font-weight: 400;
        margin: 0rpx 0rpx 0rpx 32rpx;
    }

    .robOrder_fd2_2_c1_c0_c1 {
        margin: 0rpx 0rpx 0rpx 12rpx;
    }

    .robOrder_fd2_2_c1_c0 {
        padding: 0rpx 32rpx 0rpx 23rpx;
        margin: 32rpx 0rpx 0rpx 0rpx;
    }

    .robOrder_fd2_2_c1 {
        padding: 0rpx 0rpx 32rpx 0rpx;
    }

    .robOrder_fd2_2_c0_c0 {
        color: #333333;
        font-size: 28rpx;
        font-weight: 600;
    }

    .robOrder_fd2_2_c0 {
        border-bottom: 1px solid rgba(238, 238, 238, 1);
        padding: 24rpx;
    }

    .robOrder_fd2_2 {
        background: var(--benbenbgColor1);
        background-size: 100% auto;
        border-radius: 16rpx;
    }

    .robOrder_fd2_1_c2_c1 {
        margin: 0rpx 0rpx 0rpx 40rpx;
        padding: 32rpx 0rpx 32rpx 0rpx;
    }

    .robOrder_fd2_1_c1_c1_c1 {
        color: #000000;
        font-size: 28rpx;
        font-weight: 500;
        margin: 20rpx 0rpx 0rpx 0rpx;
    }

    .robOrder_fd2_1_c1_c1_c0 {
        color: #000000;
        font-size: 28rpx;
        font-weight: 400;
    }

    .robOrder_fd2_1_c1_c1 {
        border-bottom: 1px solid rgba(238, 238, 238, 1);
        margin: 0rpx 0rpx 0rpx 40rpx;
        padding: 32rpx 0rpx 32rpx 0rpx;
    }

    .robOrder_fd2_1_c1_c0_c1 {
        position: absolute;
        color: #FFFFFF;
        font-size: 22rpx;
        font-weight: 700;
        left: 10rpx;
        top: 8rpx;
    }

    .robOrder_fd2_1_c1_c0_c0 {
        width: 40rpx;
        height: 48rpx;
        border-radius: 0rpx 0rpx 0rpx 0rpx;
    }

    .robOrder_fd2_1_c1_c0 {
        position: relative;
    }

    .robOrder_fd2_1_c0_c4 {
        color: #FF8E21;
        font-size: 36rpx;
        font-weight: 700;
    }

    .robOrder_fd2_1_c0_c3 {
        color: #FF8E21;
        font-size: 22rpx;
        font-weight: 700;
    }

    .robOrder_fd2_1_c0_c2 {
        color: #333333;
        font-size: 28rpx;
        font-weight: 400;
        margin: 0rpx 0rpx 0rpx 0;
    }

    .robOrder_fd2_1_c0_c1 {
        margin: 0rpx 0rpx 0rpx 16rpx;
        color: #FF8E21;
        font-size: 28rpx;
        font-weight: 500;
    }

    .robOrder_fd2_1_c0_c0 {
        color: #333333;
        font-size: 28rpx;
        font-weight: 400;
    }

    .robOrder_fd2_1_c0 {
        background: #F8F8F8;
        border-radius: 16rpx 16rpx 16rpx 16rpx;
        padding: 20rpx;
    }
	.mingcheng{
		color: #333333;
		font-size: 28rpx;
		font-weight: 400;
		margin: 0rpx 0 24rpx 0;
	}

    .robOrder_fd2_1 {
        background: var(--benbenbgColor1);
        margin: 24rpx 0rpx 24rpx 0rpx;
        border-radius: 16rpx;
        background-size: 100% auto;
        padding: 24rpx;
    }

    .robOrder_fd2_0_c2 {
        font-size: 28rpx;
        font-weight: 700;
        color: #333333;
        margin: 0rpx 0rpx 0rpx auto;
    }

    .robOrder_fd2_0_c1_1 {
        background: var(--benbenbgColor0);
        background-size: 100% auto;
        color: #FFFFFF;
        font-size: 22rpx;
        font-weight: 500;
        padding: 3rpx 11rpx 3rpx 11rpx;
        border-radius: 16rpx 0rpx 16rpx 0rpx;
        margin: 0rpx 0rpx 0rpx 24rpx;
    }
	.robOrder_fd2_0_c1_2{
		background: #34bb34;
		background-size: 100% auto;
		color: #FFFFFF;
		font-size: 22rpx;
		font-weight: 500;
		padding: 3rpx 11rpx 3rpx 11rpx;
		border-radius: 16rpx 0rpx 16rpx 0rpx;
		margin: 0rpx 0rpx 0rpx 24rpx;
	}

    .robOrder_fd2_0_c1 {
        background: rgba(22, 158, 240, 1);
        background-size: 100% auto;
        color: #FFFFFF;
        font-size: 22rpx;
        font-weight: 500;
        padding: 3rpx 11rpx 3rpx 11rpx;
        border-radius: 16rpx 0rpx 16rpx 0rpx;
        margin: 0rpx 0rpx 0rpx 24rpx;
    }

    .robOrder_fd2_0_c0 {
        color: #333333;
        font-size: 32rpx;
        font-weight: 500;
    }

    .robOrder_fd2_0 {
        background: var(--benbenbgColor1);
        border-radius: 16rpx;
        background-size: 100% auto;
        padding: 24rpx;
    }

    .robOrder_flex_3 {
        background: rgba(255, 255, 255, 1);
        border-radius: 16rpx 16rpx 16rpx 16rpx;
        padding: 40rpx 0rpx 0rpx 0rpx;
        width: 540rpx;
    }

    .robOrder_fd3_2_c1_c0 {
        color: #ED702D;
        font-size: 32rpx;
        font-weight: 500;
    }

    .robOrder_fd3_2_c1 {
        width: 50%;
        height: 110rpx;
    }

    .robOrder_fd3_2_c0_c0 {
        color: #999999;
        font-size: 32rpx;
        font-weight: 500;
        text-align: center;
    }

    .robOrder_fd3_2_c0 {
        border-right: 1px solid #eee;
        width: 50%;
        height: 110rpx;
        text-align: center;
    }

    .robOrder_fd3_2 {
        border-top: 1px solid #eee;
        width: 100%;
    }

    .robOrder_fd3_1 {
        line-height: 44rpx;
        font-size: 28rpx;
        font-weight: 400;
        color: var(--benbenFontColor0);
        margin: 40rpx 0rpx 50rpx 0rpx;
    }

    .robOrder_fd3_0_c0 {
        color: #333333;
        font-size: 36rpx;
        font-weight: 500;
    }

    .robOrder_flex_4 {
        background: rgba(248, 248, 248, 1);
        width: 750rpx;
        height: 170rpx;
        overflow: hidden;
        z-index: 10;
        bottom: calc(0rpx + var(--window-bottom));
        background-size: 100% auto;
    }

    .robOrder_fd4_0 {
        background: #FF8E21;
        border-radius: 40rpx 40rpx 40rpx 40rpx;
        width: 702rpx;
        line-height: 80rpx;
        font-size: 28rpx;
        color: #FFFFFF;
        height: 80rpx;
        font-weight: 500;
    }

    .robOrder_flex_5 {
        background: rgba(255, 255, 255, 1);
        border-radius: 16rpx 16rpx 16rpx 16rpx;
        padding: 40rpx 0rpx 0rpx 0rpx;
        width: 540rpx;
    }

    .robOrder_fd5_2_c1_c0 {
        color: #ED702D;
        font-size: 32rpx;
        font-weight: 500;
    }

    .robOrder_fd5_2_c1 {
        width: 50%;
        height: 110rpx;
    }

    .robOrder_fd5_2_c0_c0 {
        color: #999999;
        font-size: 32rpx;
        font-weight: 500;
        text-align: center;
    }

    .robOrder_fd5_2_c0 {
        border-right: 1px solid #eee;
        width: 50%;
        height: 110rpx;
        text-align: center;
    }

    .robOrder_fd5_2 {
        border-top: 1px solid #eee;
        width: 100%;
    }

    .robOrder_fd5_1 {
        line-height: 44rpx;
        font-size: 28rpx;
        font-weight: 400;
        color: var(--benbenFontColor0);
        margin: 40rpx 0rpx 50rpx 0rpx;
    }

    .robOrder_fd5_0_c0 {
        color: #333333;
        font-size: 36rpx;
        font-weight: 500;
    }
	.settlement_flex_9 {
	    background: #fff;
	    background-size: 100% auto !important;
	    border-radius: 24rpx 24rpx 0rpx 0rpx;
	    padding: 0rpx 32rpx 0rpx 32rpx;
	}
	.settlement_fd9_0_c1 {
	    line-height: 50rpx;
	    font-size: 36rpx;
	    font-weight: 500;
	    color: #333333;
	    -webkit-line-clamp: 1;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    margin: 0rpx 16rpx 0rpx 16rpx;
	}
	
	.settlement_fd9_0_c0 {
	    width: 40rpx;
	    height: 40rpx;
	}
	
	.settlement_fd9_0 {
	    margin: 40rpx 0rpx 44rpx 0rpx;
	}
	::v-deep .settlement_fd9_1_c0 {
	    width: 100%;
	}
	
	.settlement_fd9_1 {
	    touch-action: none;
	    width: 100%;
	    height: 500rpx;
	    margin: 0rpx 0rpx 100rpx 0rpx;
	}
	.robOrder_fd2_3_c1_c1_c1_c0_c1{
		position: absolute;
		width: 88rpx;
		height: 88rpx;
		background: rgba(255, 255, 255, .9);
	}
	
</style>